<template>
  <div style="width: 790px; margin: 30px auto; background: #fff;">
    <!-- 金融保理 2018/2/20 17:10 zhangQ -->
    <Breadcrumb separator=">">
      <BreadcrumbItem to="/product/index">产品</BreadcrumbItem>
      <BreadcrumbItem>金融保理</BreadcrumbItem>
    </Breadcrumb>
    <div class="content">
      <div class="content_title">
        <h3>人保货运险</h3>
      </div>
      <div class="content_main">
        <p>
          <img :src="imgLogo" style="width: 450px;height:152px;">
        </p>
        <p class="p1">
          <span style="font-size: 18px;font-weight: 600">适用客户群：符合国家规定的货物均可作为本保险的保险货物</span><br>
          亮点1、本货运险由亚洲最大的财险公司中国人保承保。<br>
          亮点2、迅速理赔，服务全面。7x24小时理赔服务电话：95518<br>
          亮点3、人民保险、服务人民，保费低廉。<br>
          亮点4、全国各地均有服务机构、保障能力强、服务质量优。<br>
          亮点5、2017年被评为服务质量最好的保险公司第一名。
        </p>
      </div>
      <div class="content_title" style="margin-top: 30px;font-size: 20px;">
        <p class="p-title">
          一、投保须知
        </p>
        <p class="p-content">
          1、 凡在国内经公、路铁路运输符合国家规定的货物均可作为本保险的保险货物。<br>
          2、下列货物非经投保人与保险人特别约定，并在保险单上载明，不在保险货物范围以内：金银、珠宝、钻石、玉器、首饰、古币、古玩、古书、古画、邮票、艺术品、稀有金属等珍贵财物。<br>
          3、下列货物不在保险货物范围以内：蔬菜、水果、活牲畜、禽鱼类和其它动物。<br>
          4、投保需要提供被保险人、发票号/运单号、运输路线、起运时间、保险金额（即货物价值）等必要信息。<br>
        </p>
        <p class="p-content">
          <span style="font-weight: 600">保险责任</span><br>
          对于在本保险期间内，装载于本保险单列明的运输车辆上的保险货物所遭受的下列损失和费用，保险人按照本条款约定负责赔偿：<br>
          1、因雷电、冰雹、暴风、暴雨、海啸、洪水、地陷、崖崩、突发性滑坡、泥石流所造成的损失；<br>
          2、由于运输工具发生碰撞、倾覆、火灾、爆炸、码头和隧道坍塌所造成的损失；<br>
          3、在装货、卸货或转载时，因遭受不属于包装质量不善或装卸人员违反操作规程所造成的损失；<br>
          4、液体货物因受碰撞、挤压致使所用容器(包括封口)损坏而渗漏的损失，或用液体保藏的货物因液体渗漏而造成保藏货物腐烂变质的损失；<br>
          5、符合安全运输规定而遭受雨淋所致的损失；<br>
          6、在发生上述灾害、事故时，因施救或保护货物所支付的直接合理费用。
        </p>
        <p class="p-title">
          二、理赔流程
        </p>
        <p class="p-content">
          1、出险报案<br>
          7x24小时理赔服务电话：95518<br>
          出险之后请立即拨打人保财险24小时服务热线 95518。<br>
          2、案件处理<br>
          理赔人员根据案件情况提供专业的指导和服务。<br>
          3、行驶索赔权<br>
          您把约定的理赔资料交到我们的理赔服务网点。我们会严格按照合同履行赔付义务。<br>
          4、核对赔款<br>
          请您在接到付款通知后，查询赔款到帐情况，如有疑问随时拨打95518。
        </p>

        <p class="p-title">
          三、理赔所需材料
        </p>
        <p class="p-content">
          1、保险单、货物发票、运单以及与确定损失金额有关的单据；<br>
          2、公安部门的事故处理书和确定事故责任的证明，以及出险当地保险人机构的查勘报告；<br>
          3、货物损失的检验报告及损失清单。<br>
          保险人收到被保险人的赔偿请求后，应当及时就是否属于保险责任作出核定，并将核定结果通知被保险人。情形复杂的，保险人在收到被保险人的赔偿请求并提供理赔所需资料后三十日内未能核定保险责任的，保险人与被保险人根据实际情形商议合理期间，保险人在商定的期间内作出核定结果并通知被保险人。对属于保险责任的，在与被保险人达成有关赔偿金额的协议后十日内，履行赔偿义务。
        </p>
      </div>

      <div class="content_main">
        <p class="p-attach">
          <!--<span style="color: #000000;cursor: pointer; ">附：</span><span
          @click="cargoInsuranceShow = true">《货物运输保险协议书》</span><br>-->
          <span
            style="color: #000000;cursor: pointer;">附：</span><span
          @click="insuranceShow2009 = true">《陆上运输货物保险条款（火车、汽车）（2009版）》</span><br>
        </p>
      </div>

      <Modal v-model="cargoInsuranceShow" width="960px"
             title="货物运输保险协议书"
             @on-ok="ok"
             @on-cancel="cancel">
        <cargoinsurance></cargoinsurance>

      </Modal>

      <Modal v-model="insuranceShow2009" width="960px"
             title="陆上运输货物保险条款"
             @on-ok="ok"
             @on-cancel="cancel">
        <insuranceclause></insuranceclause>

      </Modal>
    </div>
  </div>
</template>
<script>
  import imgLogo from '@static/img/img_logo.png'
  import imgTable from '@static/img/img_table.png'
  import cargoinsurance from './compoonents/cargoInsurance.vue'
  import insuranceclause from './compoonents/insuranceClause.vue'

  export default {
    name: 'finance',
    data () {
      let cargoInsuranceShow = false
      let insuranceShow2009 = false
      let datas = { cargoInsuranceShow, insuranceShow2009, imgLogo, imgTable }
      return datas
    },
    components: { cargoinsurance, insuranceclause }
  }
</script>

<style scoped="scoped">
  .demo-breadcrumb-separator {
    color: #ff5500;
    padding: 0 5px;
  }

  .content {
    margin-top: 40px;
    background: #fff;
  }

  .content_subtitle {
    margin-top: 30px;
  }

  .content_main {
    margin-top: 40px;
    font-size: 16px;
  }

  p {
    line-height: 46px;
  }

  .p1 {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #131313;
    letter-spacing: 0;
    line-height: 32px;
  }

  .p-title {
    font-family: PingFangSC-Regular;
    font-size: 20px;
    color: #111111;
    letter-spacing: 0;
    height: 60px;
  }

  .p-content {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 46px;
  }

  .p-attach {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #52c461;
    letter-spacing: 0;
    line-height: 32px;
    cursor: pointer;
  }
</style>
